<div class="ui-g-12 ui-g-nopad m-t-20">
  <p-tabView (onChange)="onTabChange($event)" [activeIndex]="tabViewIndex" [type]="1">
    <p-tabPanel header="项目工队" [type]="1">
      <p-panel headerClass="bg-none">
        <p-header>
          <div class="text-right p-6-0">
            <strong class="border-l-1a8fe8 p-l-8 pull-left m-t-8">推荐规则</strong>
            <button pButton (click)="edit()" label="编辑" class="btn-secondary"></button>
          </div>
        </p-header>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">推荐数量：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.suggestNum}}
            <span class="color-b1b1b1">个</span>
          </div>
        </div>
        <div class="p-10 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>一级指标</strong>
        </div>
        <div class="p-t-12 p-b-10">
          <span class="color-b1b1b1">注：一级指标选择后为必要条件，推荐的项目工队必须满足此条件</span>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="服务区域" [(ngModel)]="sendOrderRule.firstLevelServiceArea" binary="true" [disabled]="true"></p-checkbox>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="正常运营" [(ngModel)]="sendOrderRule.firstLevelNormalRun" binary="true" [disabled]="true" ></p-checkbox>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="施工能力" [(ngModel)]="sendOrderRule.firstLevelConstructionAbility" binary="true" [disabled]="true"></p-checkbox>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="已缴保证金" [(ngModel)]="sendOrderRule.firstLevelHasPay" binary="true" [disabled]="true"></p-checkbox>
          </div>
        </div>
        <div class="p-5 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>二级指标</strong>
        </div>
        <div class="p-t-12 p-b-10">
          <span class="color-b1b1b1">注：二级指标为择优指标，根据权重占比公式获取优质项目工队</span>
        </div>
        <div class="p-b-20 p-t-10">
          <strong>加分占比</strong>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">未接单工队优先：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateUnPayTeam}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">接单最大量：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateHowMuchReceive}}
            <span class="color-b1b1b1">个</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">所属门店：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateBelongTo}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">回单率：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateBackOrder}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">满意度：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRatePassRate}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="p-20-0">
          <strong>减分占比</strong>
        </div>
        <div class="table-row p-b-10">
          <div class="table-cell text-right p-l-25 color-b1b1b1">投诉：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelMinusRateComplain}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div></div>
        <div class="table-row p-b-10">
          <div class="table-cell text-right p-l-25 color-b1b1b1">处罚：</div>
          <span class="color-b1b1b1">注：ny , n=一般处罚次数 / x取整</span>
        </div>
        <div> </div>
        <div class="table-row">
          <div class="table-cell" style="max-width:600px;">
            <p-dataTable [value]="punishDataList" [loading]="loading" [rows]="5" [paginator]="false" [pageLinks]="4" [emptyMessage]="'没有搜到您想要的数据'">
              <p-column *ngFor="let col of punishCols" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
                <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.temread">
                  <div *ngIf="col.field == 'check'">
                    <p-checkbox name="check{{index}}" [(ngModel)]="data[col.field]" [disabled]="true" binary="true" appendTo="body"></p-checkbox>
                  </div>
                </ng-template>
              </p-column>
            </p-dataTable>
          </div>
        </div>
        <div class="p-5 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>三级指标</strong>
        </div>
        <div class="p-t-7 p-b-20">
          <span class="color-b1b1b1">注：三级指标为在满足一级、二级的数据中排序</span>
        </div>
        <div class="table-row">
          <div class="table-cell" style="max-width:600px;">
            <p-dataTable [value]="dataList" [loading]="loading" [headerCheckboxToggleAllPages]="true" [emptyMessage]="'没有搜到您想要的数据'">
              <p-column *ngFor="let col of cols" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
              </p-column>
            </p-dataTable>
          </div>
        </div>
      </p-panel>
    </p-tabPanel>

    <p-tabPanel header="监理" [type]="1">
      <p-panel headerClass="bg-none" >
        <p-header>
          <div class="text-right p-6-0">
            <strong class="border-l-1a8fe8 p-l-8 pull-left m-t-8">推荐规则</strong>
            <button pButton (click)="edit()" label="编辑" class="btn-secondary"></button>
          </div>
        </p-header>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">推荐数量：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.suggestNum}}
            <span class="color-b1b1b1">个</span>
          </div>
        </div>
        <div class="p-10 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>一级指标</strong>
        </div>
        <div class="p-t-12 p-b-10">
          <span class="color-b1b1b1">注：一级指标选择后为必要条件，推荐的项目工队必须满足此条件</span>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="服务城市" [(ngModel)]="sendOrderRule.firstLevelServiceCity" binary="true" [disabled]="true"></p-checkbox>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="在职状态" [(ngModel)]="sendOrderRule.firstLevelJobContent" binary="true" [disabled]="true"></p-checkbox>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-left p-l-25">
            <p-checkbox label="在施工队最多数量" [(ngModel)]="sendOrderRule.firstLevelConstructionInBuidingNum" binary="true" [disabled]="true"></p-checkbox>
          </div>
          <div class="table-cell text-right">
            {{sendOrderRule.firstLevelConstructionInBuidingNumNumber}}
            <span class="color-b1b1b1">个</span>
          </div>
        </div>
        <div class="p-5 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>二级指标</strong>
        </div>
        <div class="p-t-12 p-b-10">
          <span class="color-b1b1b1">注：二级指标为择优指标，根据权重占比公式获取优质项目工队</span>
        </div>
        <div class="p-b-20 p-t-10">
          <strong>加分占比</strong>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">未接单工队优先：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateUnPayTeam}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">接单最大量：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateHowMuchReceive}}
            <span class="color-b1b1b1">个</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">所属门店：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateBelongTo}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">回单率：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRateBackOrder}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="table-row">
          <div class="table-cell text-right p-l-25 color-b1b1b1">满意度：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelPlusRatePassRate}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div class="p-20-0">
          <strong>减分占比</strong>
        </div>
        <div class="table-row p-b-10">
          <div class="table-cell text-right p-l-25 color-b1b1b1">投诉：</div>
          <div class="table-cell text-right">
            {{sendOrderRule.secondLevelMinusRateComplain}}
            <span class="color-b1b1b1">%</span>
          </div>
        </div>
        <div></div>
        <div class="table-row  p-b-10">
          <div class="table-cell text-right p-l-25 color-b1b1b1">处罚：</div>
          <span class="color-b1b1b1">注：ny , n=一般处罚次数 / x取整</span>
        </div>
        <div> </div>
        <div class="table-row">
          <div class="table-cell" style="max-width:600px;">
            <p-dataTable [value]="punishDataList" [loading]="loading" [rows]="5" [paginator]="false" [pageLinks]="4" [emptyMessage]="'没有搜到您想要的数据'">
              <p-column *ngFor="let col of punishCols" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
                <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.temread">
                  <div *ngIf="col.field == 'check'">
                    <p-checkbox name="check{{index}}" [(ngModel)]="data[col.field]" [disabled]="true" binary="true" appendTo="body"></p-checkbox>
                  </div>
                </ng-template>
              </p-column>
            </p-dataTable>
          </div>
        </div>
        <div class="p-5 border-b-d9d9d9"></div>
        <div class="p-t-20">
          <strong>三级指标</strong>
        </div>
        <div class="p-t-7 p-b-20">
          <span class="color-b1b1b1">注：三级指标为在满足一级、二级的数据中排序</span>
        </div>
        <div class="table-row">
          <div class="table-cell" style="max-width:600px;">
            <p-dataTable [value]="dataList" [loading]="loading" [headerCheckboxToggleAllPages]="true" [emptyMessage]="'没有搜到您想要的数据'">
              <p-column *ngFor="let col of cols" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
              </p-column>
            </p-dataTable>
          </div>
        </div>
      </p-panel>
    </p-tabPanel>
  </p-tabView>
</div>
